<template>
	<div class="bottom">
		<span class="iconfont icon-icon-test"></span>
		<input type="text" placeholder="说点什么"/>
		<span class="iconfont icon-zan"><sup>830</sup></span>
		<span class="iconfont icon-zhuanfa"></span>
	</div>
</template>

<script>
</script>

<style lang="scss" scoped="scoped">
	.bottom{
		width: 100%;
		height: 0.45rem;
		background-color: #f9f9f9;
		position: fixed;
		border-top: 0.01rem solid #f0f0f0;
		display: flex;
		bottom: 0;
		.iconfont{
			font-size: 0.3rem;
			margin-top: 0.05rem;
			color: #30aaf7 ;
		}
		span:nth-of-type(1){
			width: 0.3rem;
			height: 0.3rem;
			display: inline-block;
			border-radius: 50%;
			border: 0.01rem solid #7e8289;
			margin-left: 0.1rem;
			color: #7d8087;
		}
		span:nth-of-type(2){
			margin-left: 0.1rem;
			margin-right: 0.08rem;
		}
		input{
			width: 2.1rem;
			height: 0.3rem;
			margin-top: 0.05rem;
			margin-left: 0.07rem;
			border-radius: 0.05rem;
			border: 0;
			border: 0.01rem solid #ebebeb;
			font-size: 0.12rem;
			color: #767676;
		}
		sup{
			font-size: 0.08rem;
			color: #30aaf7;
		}
	}
	
</style>
